
<template>
  <div>
    <a-time-picker
      v-model:value="value"
      value-format="HH:mm"
      :bordered="false"
    />
    <a-time-range-picker />
    <a-time-picker use12-hours />
    <a-time-picker
      use12-hours
      format="h:mm:ss A"
    />

    <a-time-picker
      use12-hours
      format="h:mm a"
    />
    <a-time-picker
      use12-hours
      format="h:mm a"
      disabled
    />

    <a-time-picker
      use12-hours
      :minute-step="15"
      :second-step="10"
      format="mm"
      size="large"
    >

      <template #renderExtraFooter="{ prefixCls }">
        <a-button
          size="small"
          type="primary"
        >OK {{ prefixCls }}</a-button>
      </template>
      <template #suffixIcon>哈哈</template>

    </a-time-picker>

  </div>
</template>

<script>
import dayjs from 'dayjs';
export default {
  name: '',
  components: {},
  data() {
    return {
      value: dayjs('08:00:00', 'HH:mm')
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
